<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>按钮1 </button>
    <button>按钮2 </button>
    <button>按钮3 </button>


<script>
// 封装
let Stu = function(){
    var name= '默认名字';
    return {
        getName:function(){
            return name;
        },
        setName:function(na){
            name = na;
        }
    }
};
let tom =  Stu();
let jerry =  Stu();

tom.setName('TOM');
console.log(  tom.getName() );
console.log(  jerry.getName() );


// console.log( '外', stu.name );
// stu.setName('龙龟');
// console.log( '内', stu.getName() );



//
// function test(x){
//     return function(){
//         alert(x);
//     }
// }
// var btns = document.querySelectorAll('button');
// for(var i =0;i<btns.length;i++){
//     btns[i].onclick = test(i);
// }



// let fn = function(name){
//     console.log('函数内', name);
//     return {
//         hi:function(){
//             return name;
//         }
//     }
// }
// let obj = fn('temo');
// console.log('函数外',  obj.hi() );

// function test(){
//     var x =1;
//     return function(){
//         x++;
//         alert(x);
//     }
// }

// let m1 = test();
// let m2 = test();
// m1();  // 2
// m1();  // 3
// m1();  // 4
// m2();  // 空间独立， 2

// function test(){
//     var arr = [];  //都是函数
//     for(var i =0;i<5;i++){
//         arr[i] = function(){
//             return i;
//         }
//     }
//     return arr;
// }

// let fn =  test(); 
// console.log(  fn[0]() );
// console.log(  fn[1]() );
// console.log(  fn[2]() );


</script>  
</body>
</html>